*{
    padding: 0;
    margin: 0;
    
}
.html{
    background-color: #f5f5f5 !important;
    
                
}
body{
    background-color: #f5f5f5 !important;
}
.Index{
    // 顶部
    .indexsearch__box{
        width: 18.75rem;
        height: 2.25rem;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: #fff9db;
        .indexsearch{
            .indexsearch__header{
                background-image: url('https://qimg4.youxiake.com/upload/202508/15/230d0381da81f8c1.jpg?imageMogr2/thumbnail/!750x392r/strip/gravity/Center/crop/!750x392/quality/100');
                background-size: cover;
                // background-position: 1px 0;
                display: flex;
                align-items: center;
                justify-content: start;
                
                .header__location{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 3.5rem;
                    height: 2.25rem;
                    padding: 0 .5rem;
                    box-sizing: border-box;
                
                    i{
                        width: 1rem;
                        height: 1rem;
                        display:inline-block ;
                        background:url(https://m.youxiake.com/20250820155903/img/index_banner_down.808cd79c.png)50% no-repeat;
                        background-size: cover;
                    }
                    p{
                       font-size: .75rem;
                       color: #000;
                       font-weight: 700;
                    }
                }
                .header__search{
                    width: 14.85rem;
                    height: 1.5rem;
                    background-color: #fff;
                    border-radius: .75rem;
                    display: flex;
                    align-items: center;
                    justify-content: start;
                    i{
                        display: inline-block;
                        width: .8rem;
                        height: .8rem;
                        background: url('https://m.youxiake.com/20250820155903/img/index_banner_search.7780821b.png')  50% no-repeat;
                        background-size: .8rem .8rem;
                        margin: 0 .2rem 0 .5rem;
                        
                    }
                    input{
                        width: 85%;
                        height: 1.2rem;
                        font-size: .7rem;
                        border: 0;
                        outline: none;
                        color: #999;
                    }
                }
            }
            
        }
    }
    .index__bg{
        width: 18.75rem;
        height: 63.95rem;//暂定死值
        background-image: url('https://qimg4.youxiake.com/upload/202508/15/230d0381da81f8c1.jpg?imageMogr2/thumbnail/!750x392r/strip/gravity/Center/crop/!750x392/quality/100');
        padding-top: .5rem;
        background-repeat: no-repeat;
        background-position: 0 -2.25rem;
        background-size: 100% 9.8rem;
        // padding-top: .5rem;
        margin-top: 2.25rem;
        background-color: #f5f5f5;
        .IndexActivity{
            background-image: url('https://qimg4.youxiake.com/upload/202508/15/5f4f9d4cf1796284.gif') ;
            display: block;
            width: 100%;
            height: 4rem;
            background-size: 100% 4rem;
            background-position: 0 0;
        }
        .indexclassify{
            // width: 100%;
            // height: 11.5rem;
            margin: 0 .6rem;
            padding: .65rem 0;
            box-sizing: border-box;
            background: hsla(0, 0%, 100%, .8);
            border-radius: .8rem;
            .indexclassify__main{
                display: flex;
                align-items: center;
                justify-content: space-between;
                
                
            }
            .indexclassify__sub__container{
                height: 6.1rem;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                width: 100%;
                // overflow: hidden;
            .indexclassify__sub__list{
                margin-top: .8rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                flex-shrink: 0;
                width: 3.5rem;
                // line-height: .26rem; 
                font-size: .6rem;
                color: #666;
                i{
                    display: block;
                    background-size: cover;
                    background-repeat: no-repeat;
                    width: 1.4rem;
                    height: 1.4rem;
                }
            }
            }
            }
        .indexint{
            margin-left: .625rem;
            margin-top: .5rem;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: start;
            .indexint__item{
                display: flex;
                align-items: center;
                justify-content: start;
                background: linear-gradient(155deg, rgb(255, 241, 213) 0%, rgb(255, 255, 255) 40%);
                width: 5.55rem;
                height: 2.5rem;
                border-radius: .4rem;
                margin-right: .2rem;
               .item__icon{
                    display: inline-block;
                    width: 1.4rem;
                    height: 1.4rem;
                    flex-shrink: 0;
                    margin-right: .25rem;
                    margin-left: .375rem;
                    background-size: contain;
               } 
               .item__right{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                    .item__title{
                        color: #333;
                        font-size: .6rem;
                    }
                    .item__sub{
                        color: #999999;
                        font-size: .5rem;
                    }
                    .item__sub0{
                        color: #ff7100;
                    }
               }
            }
        }
        .indexnotice{
            width: 17.55rem;
            height: 1.175rem;
            background: #fffeee;
            border-radius: .6rem;
            margin: .5rem auto 0;
            display: flex;
            align-items: center;
            padding: 0 .575rem 0 .425rem;
            box-sizing: border-box;
            
        }
        .indextravel{
            margin: .5rem .6rem 0;
            display: flex;
            justify-content: space-between;
            .indextravel__items{
                background: linear-gradient(140deg, rgb(224, 235, 255) 0%, rgb(255, 255, 255) 50%);
                width: 8.675rem;
                height: 7.125rem;
                border-radius: .4rem;
                padding: .325rem .25rem 0;
                box-sizing: border-box;
                .indextravel__items__tit{
                    font-weight: 700;
                    line-height: 1.05rem;
                    font-size: .75rem;
                    color: #333;
                    display: flex;
                    align-items: center;
                    margin-bottom: .225rem;
                    width: 100%;
                
                    .indextravel__items__tit__icon{
                        display:inline-block;
                        width: .6rem;
                        height: .6rem;
                        margin-right: .1rem;
                        background: url('https://m.youxiake.com/20250820155903/img/homeriliicon.16b6ab92.png') no-repeat;
                        background-size: cover;
                    }
                    span{
                        font-size: .65rem;
                        color: #333;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    
                    }
                }
                .indextravel__items__flex{
                    display: flex;
                    justify-content: space-between;
                    .indextravel__item{
                        width: 3.9rem;
                        .indextravel__item__image{
                            width: 3.9rem;
                            height: 5.2rem;
                            border-radius: .4rem;
                            background-repeat: no-repeat;
                            background-size: cover;
                            background-position: 50%;
                            position: relative;
                            .indextravel__item__tag{
                                display: inline-flex;
                                background-color: #333;
                                color: #fff;
                                font-size: .5rem;
                                border-radius: .4rem;
                                padding: 0 .175rem;
                                box-sizing: border-box;
                                position: absolute;
                                left: .225rem;
                                top: .15rem;
                            }
                            .indextravel__item__tit{
                                width: 100%;
                                color: #fff;
                                font-size: .5rem;
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                line-height: .7rem;
                                background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
                                border-radius: 0 0 .4rem .4rem;
                                padding: .75rem .2rem .2rem;
                            }
                        }
                    }
                    
                }
                
            }
            .indextravel__items1{
                background: linear-gradient(140deg, rgb(255, 227, 227) 0%, rgb(255, 255, 255) 50%);
            }
        }
        .IndexBanner{
            
            margin-top: .5rem;
            // width: 100%;
            height: 5.45rem;
            // background-color: #456361;
           
            margin: 0 .35rem;
            border-radius: 1rem;
            overflow: hidden;
            box-sizing: border-box;
        }
        .IndexRecommend{
            width: 100%;
            // padding:0 .5rem ;
            box-sizing: border-box;
            height: 18.65rem;
            
            margin-top: .5rem;
            border-radius: .4rem;
           
            .IndexRecommend__box{
                margin: 0 .5rem;
                background-color: #fff;
                height: 18.65rem;
                border-radius: .5rem;
                .ScrollX{
                    height: 2.5rem;
                    display: flex;
                    align-items: center;
                    .IndexRecommend__nav{
                        // margin-top: 0.5rem;
                        margin: .75rem 0;
                        height: 1rem;
                        display: flex;
                        align-items: center;
                        justify-content: start;
                        
                        
                        .font{
                            padding: 0 .2rem;
                            position: relative;
                            width: 3.85rem;
                            height: 1rem;
                            box-sizing: border-box;
                            font-size: .65rem;
                            padding: 0 .175rem;
                            color: #666;
                            // background-color: #fff;
                           
                            
                            
                            text-align: center;
                            .font_span{
                                display: block;
                                position: absolute;
                                z-index: 2;
                                top: 0;
                                left: .9rem;
                            }
                            .hide{
                                
                            
                                .IndexRecommend__site{
                                    padding: 0 .175rem;
                                    background: linear-gradient(180deg, #454545, #000);
                                    border-radius: .425rem .425rem .425rem 0;
                                    display: inline-flex;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: .5rem;
                                    position: absolute;
                                    top: -.55rem;
                                    right: 0.5rem;
                                    color: #fff;
                                    // font-weight: 700;
                                    // z-index:5;
                                }
                                .IndexRecommend__site::after{
                                    content: "";
                                    display: block;
                                    background: url('https://m.youxiake.com/20250905172021/img/weekActive.6e6d86b0.png')no-repeat;
                                    width: 1.6rem;
                                    height: 1.225rem;
                                    background-size: cover;
                                    position: absolute;
                                    bottom: -1.3rem;
                                    z-index: 0 !important;
                                    left: -35%;
                                    bottom: -163%;
                                    

                                }
                            }
                        }
                    }
                }
                .active_inner{
                    width: 17.55rem;
                    // overflow: hidden;
                    overflow-x: auto;
                    overscroll-behavior-x: contain; /* 阻止滚动传播 */
                    -webkit-overflow-scrolling: touch; /* 平滑滚动 */
                    scrollbar-width: none; /* Firefox */
                    
                    .IndexRecommend__ul{
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        width: 64.8rem;
                        height: 16.5rem;
                        // .col{
                        width: 7.2rem;
                        .one1{
                            width: 6.8rem;
                            height: 5.1rem;
                            margin: 0 .2rem .5rem;
                            background: url('https://m.youxiake.com/20250820155903/img/recommendBg.e195844d.png')no-repeat;
                            background-size: cover;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-direction: column;
                            box-sizing: border-box;
                            border-radius: .5rem;
                            .one_1{
                                font-size: .65rem;
                                color: #333;
                            }
                            .one_2{
                                background-color: #333;
                                color: #fff;
                                font-size: .45rem;
                                margin: .125rem 0 0;
                                padding: 0 .25rem;
                                box-sizing: border-box;
                                height: .8rem;
                                line-height: .8rem;
                                border-radius: .5rem;
                            }
                        }
                        .one{
                                width: 6.8rem;
                                margin: 0 .2rem .5rem;
                                .IndexRecommend__line__pic{
                                    width: 6.8rem;
                                    height: 5.1rem;
                                    border-radius: .4rem;
                                    background: #fff9db 50% no-repeat;
                                    background-size: cover;
                                    overflow: hidden;
                                    position: relative;
                                    .IndexRecommend__line__tag{
                                        padding: 0 .25rem;
                                        height: .8rem;
                                        background: rgba(0, 0, 0, .3);
                                        border-radius: .425rem 0 .425rem 0;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        font-size: .5rem;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        color: #fff;
                                        overflow: hidden;
                                        text-overflow: clip;
                                    }
                                    .IndexRecommend__line__jihe{
                                        backdrop-filter: blur(.25rem);
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        padding: 0 .4rem;
                                        width: 100%;
                                        height: 1rem;
                                        line-height: 1rem;
                                        background: hsla(0, 0%, 100%, .1);
                                        display: flex;
                                        align-items: center;
                                        border-radius: 0 0 .4rem .4rem;
                                        color: #fff;
                                        font-size: .5rem;
                                    }
                                }
                                .IndexRecommend__line__title{
                                    width: 6.8rem;
                                    color: #333;
                                    margin:  .4rem 0 0;
                                    padding:  0 .4rem;
                                    box-sizing: border-box;
                                    font-weight: 700;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }
                                .div_price{
                                    width: 6.8rem;
                                    display: flex;
                                    align-items: center;
                                    justify-content: start;
                                    font-size: .6rem;
                                    color: #999;
                                    .yangtou{
                                        font-size: .55rem;
                                        color: #ff3b30;
                                    }
                                    .price{
                                        font-style: .65rem;
                                        color: #ff3b30;
                                        margin-right: .125rem;
                                        font-weight: 700;
                                    }
                                }
                            }
                        // }
                    }

                }
            }
            
        }
        .indexip{
            width: 17.55rem;
            height: 10.15rem;
            background-color: #fff;
            padding: .625rem .25rem .625rem .3rem;
            box-sizing: border-box;
            margin: .5rem .6rem 0;
            .indexip__tit{
                font-size: .7rem;
                color: #333;
                margin-left: .3rem;
                font-weight: 700;
            }
            .indexip__box{
                margin-top: .5rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .big_box{
                    width: 6.8rem;
                    height: 7.45rem;
                    overflow: hidden;
                    border-radius: 20px;
                    background-color: #fff9db;
                    flex: 0 0 1;
                    .layui-carousel{
                        .layui_lunbo3{
                            .indexip__item__img{
                                width: 6.8rem;
                                height: 7.45rem;
                                background-size: contain;
                                
                                position: relative;
                                .font_pos{
                                width: 6.8rem;
                                color: #fff;
                                position: absolute;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                bottom: .7rem;
                                    .p1{
                                        font-size: .7rem;
                                        font-weight: 700;
                                    }
                                    .p2{
                                        font-size: .5rem;
                                    }
                                }
                                
                            }
                        }
                    }
                }
                .small_box{
                    width: 10.8rem;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    .indexip__list{
                        width: 4.7rem;
                        height: 3.525rem;
                        border-radius: .4rem;
                        background-size: contain;
                        font-size: .65rem;
                        margin-left: .5rem;
                        margin-bottom: .4rem;
                        color: #fff;
                        position: relative;
                        .font_box{
                            position: absolute;
                            bottom: 0;
                            padding: 0 .25rem .2rem;
                            .p1{
                            font-size: .6rem;
                            font-weight: 700;
                            }
                            .p2{
                                font-size: .5rem;
                            }
                        }
                        
                    }
                }
            }
        }
        .Index__Waterfall{
            width: 100%;
            // height: 1000px;
            
            background-color: #f5f5f5;
            .nav{
                margin-top: .5rem;
                width: 100%;
                padding-left: .5rem;
                box-sizing: border-box;
                margin-bottom: .5rem;
                overflow-x: auto;
                overscroll-behavior-x: contain; /* 阻止滚动传播 */
                -webkit-overflow-scrolling: touch; /* 平滑滚动 */
                scrollbar-width: none; /* Firefox */
                position: sticky;
                top: 2.25rem;
                background-color: #fff;
                z-index: 100;
                .nav__list{
                    width: 60.85rem;
                    display: flex;
                    
                    align-items: center;
                    height: 2.425rem;
                    
                    .font_1{
                       font-size: .8rem;     
                       color: #000;
                       margin-right: 1.25rem;
                    //    font-weight: 700;
                       position: relative;
                    .duihao{
                       position: absolute;
                       bottom: -0.6rem;
                       left: 50%;
                        transform: translateX(-50%);
                       .hide2_img{
                        width: 1.6rem;
                        height: 1.225rem;
                        

                       }
                        
                       }
                    }
                    :first-child {
                        .duihao{
                            display: block ;
                        }
                    }
                }
            }
            .Waterfall{
                padding: 0 .5rem;
                .flow-demo4{
                    .column{
                    display: flex;
                    // flex-direction: column;
                    // height: 154rem;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    .manyou_img{
                        width: 8.575rem;
                        height: 11.45rem;
                        background-size: contain;
                        border-radius: .4rem;
                        margin-bottom: .5rem;
                    }
                    .next{
                        width: 8.575rem;
                        height: 11.45rem;
                        margin:  0 0 .5rem;
                        padding:  0 0 .75rem;
                        background-color: #fff;
                        border-bottom-left-radius: .4rem;
                        border-bottom-right-radius: .4rem;
                        .top_bg{
                            width: 8.575rem;
                            height: 8.575rem;
                            border-top-left-radius: .4rem;
                            border-top-right-radius: .4rem;
                            background-size: contain;
                            position: relative;
                            img{
                                position: absolute;
                                bottom: -.5rem;
                                right: .5rem;
                                width: 2.85rem;
                                height: 1.05rem;
                            }
                          
                        }
                         .name2{
                            display: block;
                            color: #333;
                            padding: .35rem .475rem 0;
                            font-size: .7rem;
                            font-weight: 700;
                           }
                           .enroll__num1{
                            color: #333;
                            font-size: .5rem;
                            margin: .375rem 0 0 .5rem;
                            box-sizing: border-box;
                           }
                    }
                    .top{
                        width: 8.575rem;
                        height: 14rem;
                        background-color: #fff;
                        border-radius: .4rem;
                        .top_bg{
                            width: 8.575rem;
                            height: 8.575rem;
                            border-top-left-radius: .4rem;
                            border-top-right-radius: .4rem;
                            background-size: contain;
                            position: relative;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            .city{
                                position: absolute;
                                top: 0;
                                left: 0;
                                color: #fff;
                                font-size: .55rem;
                                background-color: rgba(0 ,0, 0,.6);
                                padding: 0 .375rem;
                                box-sizing: border-box;
                                border-top-left-radius: .4rem;
                                border-bottom-right-radius: .4rem;
                            }
                            .trump{
                                color: #333;
                                font-size: .5rem;
                                padding:  0 .25rem;
                                box-sizing: border-box;
                                background-color: #ffe84d;
                                position: absolute;
                                bottom: -0.4rem;
                                left: .4rem;
                            }
                        }
                        .bottom{
                        width: 8.575rem;
                        .name1{
                            display: block;
                            line-height: 0.9rem;
                            font-size: .7rem;
                            color: #333;
                            margin:  0 0 .25rem;
                            padding: .6rem .4rem 0 .475rem;
                            box-sizing: border-box;
                            width: 8.575rem;
                            height: 2.35rem;
                            font-weight: 700;
                            overflow: hidden;
                        }
                        .types{
                            margin-left: .5rem;
                            display: flex;
                            span{
                                color: #999;
                                padding: 0 .425rem 0 0;
                                font-size: .55rem;
                            }
                            .days{
                                color: #999;
                                font-size: .55rem;
                            }
                        }
                        .price__content{
                            width: 8.575rem;
                            height: .85rem;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            .price{
                                // width: 1.6rem ;
                                color: #ff7100;
                                font-size: .55rem;
                                margin: .6rem 0 0 .35rem;
                                span{
                                    font-size: .85rem;
                                    margin-right: .075rem;
                                }
                            }
                            .enroll__num{
                                font-size: .5rem;
                                margin: .85rem .525rem 0 0;
                            }
                        }
                        }
                    }
                    
                }
                }
                
            }
            
        }
    //bg  
    }
}




.big_swiper_img{
    width: 100%;
    // height: 5.45rem;
}
.div_i{
        width: 3.5rem;
        // height: ;
        
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #333;
        font-size: .6rem;
        i{
            width: 2rem;
            height: 2rem;
            display: block;
            margin-bottom: .25rem;
            background-size: cover;
            background-repeat: no-repeat;
        }
    }
.indexnotice__item{
    width: 16.55rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    .indexnotice__left{
        width: 13.3rem;
        height: 1.175rem;
        line-height: 1.175rem;
        display: flex;
        align-items: center;
        font-size: .6rem;
        color: #666;
        .indexnotice__icon{
            background-image: url('https://m.youxiake.com/20250820155903/img/notice01.ef0643cc.png');
            display: inline-block;
            width: .825rem;
            height: .825rem;
            background-size: contain;
            background-repeat: no-repeat;
        }
        span{
            display: inline-block;
            font-size: .65rem;
            width: 12.5rem;
            color: #666666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
    .indexnotice__right{
        font-size: .5rem;
        color: #666;
        width: 1.5rem;
        height: 1.2rem;
        display: flex;
        align-items: center;
        .indexnotice__link{
            // margin-top: .2rem;
            margin-left: .2rem;
            margin-top: -0.15rem;
            display: inline-block;
            width: .4rem;
            height: .425rem;
            background-image: url('https://m.youxiake.com/20250820155903/img/notice02.3920a33f.png');
            background-size: contain;
            background-repeat: no-repeat;
        }
    }

}
#ID-carousel-demo-1{
     background-color: #fffeee !important;
     div{
        background-color: #fffeee !important;
     }
    //  .layui-this{
    //     background-color: #fffeee !important;
    //  }
}
.font_color{
    color: #ffdaad !important;
}
.layui-carousel-ind{
    top: -.75rem !important;
}
.layui-carousel-ind ul li{
    width: .25rem !important;
    height: .25rem !important;
}
.layui-carousel-ind ul {
    background-color: rgba(0,0,0,0) !important;
    li.layui-this{
        width: 0.75rem !important;
        border-radius: 1rem;
        background-color: #ffd731 !important;
    }

}
.hide{
    display: none;
}
.hide2{
    display: none;
}
.bottom1{
    position: fixed;
    bottom: 0;
    justify-content: center;
    width: 100%;
    height: 2.75rem;
    background: #fff;
    z-index: 999;
    font-size: .55rem;
    color: #999;
    display: flex;
    align-items: center;
}
.one{
    width: 1.225rem;
    text-align: center;
}
.one2{
    width: 2.25rem;
    text-align: center;
}
.one1{
    width: 1.225rem;
    margin: 0 4.5rem 0 5rem;
    text-align: center;
}
.bg3{
    width: 1.225rem;
    height: 1.175rem; 
    text-align: center; 
    object-fit: contain; 
    position: absolute;
    top: 0;
    left: 0;
}
.tab-img-container {
    width: 1.225rem;
    height: 1.175rem;
    margin: 0 auto;
    position: relative;
}